<template>
	
	<view>
		<view class="navbar">
			<view class="sys-bar" :style="{height:sysHeight}"></view>
			<view class="navbarh acea-row row-bottom">
				<view class="acea-row row-middle">
					<view class="iconfont icon-jiantou-zuo2" @click.stop="back"></view>
					<view class="title">{{ title }}</view>
				</view>
			</view>
		</view>
		<view style="height: 180rpx;"></view>
	</view>
	
</template>

<script>
	let sysHeight = uni.getSystemInfoSync().statusBarHeight + 'px';
	export default {
		props:{
			title: {
				type: String,
				default: ' '
			}
		},
		data() {
			return {
				sysHeight: sysHeight,
				
			};
		},
		methods:{
			back(){
				uni.navigateBack();
			},
		}
	}
</script>

<style lang="scss">
	.navbar{
		width: 100%;
		height: 180rpx;
		background-image: url('https://zhufanggongjijin.oss-cn-hangzhou.aliyuncs.com/navbar-bg.png');
		background-size: 100% 100%;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		
		
		.navbarh{
			width: 100%;
			height: 88rpx;
			padding: 0 30rpx 10rpx 30rpx;
			
			.icon-jiantou-zuo2{
				color: #fff;
				font-size: 40rpx;
			}
			.title{
				font-size: 32rpx;
				color: #fff;
				margin-left: 20rpx;
			}
		}
	}

</style>
